<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<!--
Project Link: https://github.com/fly3949/fly.moe
-->

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <title>Fly の 宅基地</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/minireset.css@0.0.3/minireset.min.css" integrity="sha256-rYUTtzummUpBJLuuLnVN9Hy06M9uLlZ8W8VZOyiX2WQ="
        crossorigin="anonymous">
    <link href="assets/css/main.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js" integrity="sha256-9uAoNWHdszsUDhSXf/rVcWOqKPfi5/8V5R4UdbZle2A=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js" integrity="sha256-nwhzW/P9gnvWMPOm84MK8BzQRRMdi8iutxMuYsYcOgw=" crossorigin="anonymous"></script>
    <![endif]-->
</head>

<body>
    <div id="background-small"></div>

    <!-- Loading hover -->
    <div class="loading">
        <div class="spinner">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>
    </div>

    <!-- Main box -->
    <main>
        <div class="content">
            <div class="left">
                <div class="avatar">
                    <img src="assets/img/logo.jpg">
                </div>
                <ul class="menu">
                    <li>
                        <a goto="#home">HOME</a>
                    </li>
                    <li>
                        <a goto="#archives">ARCHIVES</a>
                    </li>
                    <li>
                        <a goto="#contact">CONTACT</a>
                    </li>
                    <li>
                        <a goto="#donate">DONATE</a>
                    </li>
                </ul>
                <div class="copyright">
                    Made with
                    <i class="fa fa-heart"></i> by
                    <br>
                    <a href="https://fly.moe" target="_blank">Fly3949</a>
                </div>
            </div>
            <div class="right">
                <section id="home" class="active">
                    <h1>Fly3949</h1>
                    <p>
                        我，Fly3949，苣蒻。
                        <br> 对，苣蒻，菜，菜爆了。
                    </p>
                </section>
                <section id="archives">
                    <h1>近期文章</h1>
                    <ul class="archive-list">
                        <li>加载中...</li>
                    </ul>
                </section>
                <section id="contact">
                    <h1>捕捉方式</h1>
                    <div class="items">
                        <a href="https://www.fly3949.com/" target="_blank">
                            <i class="fa fa-home"></i>
                            <span>Blog</span>
                        </a>
                        <a href="https://weibo.com/fly3949/" target="_blank">
                            <i class="fa fa-weibo"></i>
                            <span>Weibo</span>
                        </a>
                        <a href="https://plus.google.com/u/0/101753687289611833602" target="_blank">
                            <i class="fa fa-google-plus"></i>
                            <span>Google+</span>
                        </a>
                        <a href="https://twitter.com/ifly3949" target="_blank">
                            <i class="fa fa-twitter"></i>
                            <span>Twitter</span>
                        </a>
                        <a href="https://github.com/fly3949" target="_blank">
                            <i class="fa fa-github"></i>
                            <span>GitHub</span>
                        </a>
                        <a href="mailto:i@iifly.cn" target="_blank">
                            <i class="fa fa-envelope"></i>
                            <span>E-Mail</span>
                        </a>
                    </div>
                </section>
                <section id="donate">
                    <h1>拯救吃土的 Fly</h1>
                    <div class="donate-img-box">
                        <img src="assets/img/WeChat.png">
                        <img src="assets/img/AliPay.png">
                    </div>
                </section>
            </div>
        </div>

        <footer>
            <p id="hitokoto">Loading...</p>
            <div class="copyright-mobile">
                Made with
                <i class="fa fa-heart"></i> by
                <a href="https://fly.moe" target="_blank">Fly3949</a>
            </div>
        </footer>
    </main>

    <script src="https://cdn.jsdelivr.net/npm/jquery@3.3.1/dist/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
        crossorigin="anonymous"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>